<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- width=device-width 表示宽度是设备屏幕的宽度。
    initial-scale=1 表示初始的缩放比例。
    shrink-to-fit=no 自动适应手机屏幕的宽度。 -->

    <!-- <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> -->

    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <title>css布局（11.16）</title>
</head>
<body>
    <div class="container">
        <h1 class="display-1">添加了display-1的 h1 Bootstrap 标签</h1>
        <h1>h1 Bootstrap 标签</h1>
        <h2 class="display-2">添加了display-2的 h2 Bootstrap 标签</h2>
        <h2>h2 Bootstrap 标签</h2>
        <h3 class="display-3">添加了display-3的 h3 Bootstrap 标签</h3>
        <h3>h3 Bootstrap 标签</h3>
        <h4 class="display-4">添加了display-4的 h4 Bootstrap 标签</h4>
        <h4>h4 Bootstrap 标签</h4>
        <h5>h5 Bootstrap 标签</h5>
        <h6>h6 Bootstrap 标签</h6>
    

    <hr>
        <!-- 小标题 -->
        <!-- 两种写法；"" -->
        <!-- 副标题/子标题都会用到small -->
        <h1>这是一个标题<small>这是副标题</small></h1>
        <h1>这是一个标题<span class="small">这是副标题</span></h1>
        <br>
        <h2>这是一个标题<small>这是副标题</small></h2>
        <h2>这是一个标题<span class="small">这是副标题</span></h2>
        <br>
            <!-- </mark>高亮显示 -->
        <p>这是一个<mark>重点</mark>段落</p>

        <br>
        <!-- 删除线 -->
        <!-- 两种写法； -->
        <p><del>这是被删除的文本</del></p>
        <p><s>这是被删除的文本</s></p>
        <br>
        <!-- 下划线文本 -->
        <p><ins>这是带下划线的文本</ins></p>
        <p><u>这是带下划线的文本</u></p>
        <!-- 粗体、斜休 -->
        <p><strong>这是带粗体的文本</strong></p>
        <p><em>这是带斜休的文本</em></p>
        <p></p>

        <p class="text-left">左对齐文本</p>
        <p class="text-right">右对齐文本</p>
        <p class="text-center">居中对齐文本</p>
        <!-- "text-justify" 超出部分换行 -->
        <p class="text-justify">（文本自动换行）学院地处秦巴腹地，位居成绵广电子信息产业带、川东北经济区，毗邻四川军工电子、军民融合产业园和广元国家经济技术开发区，行业和区位优势得天独厚，引领和创新发展优势明显。现有两个校区，占地面积520亩，总建筑面积19.1296万平方米，学院教学仪器设备总值9317.88万元，教学用计算机3328台，馆藏纸质图书62.3万册，电子图书14.1万册。在校学生9000余人，有专任教师341人，其中，正高级26名，副高级98名，“双师型”教师140名。设有机电工程系、电子工程系、信息工程系、经济与管理系、电气工程系、数字艺术系、汽车工程系、基础教育部等教学单位，开设了应用电子技术、软件技术、数控技术等37个高职专业，基本形成了以工科为主体，以电子信息为主导的专业结构体系，现有中央财政支持的提升专业服务能力专业2个，教育部现代学徒制试点专业2个，四川省“高等教育质量工程”特色专业1个，省级教改试点专业1个，省级重点专业3个，省级示范专业4个，省级现代学徒制试点专业5个。建成省级精品课程14门、省级精品资源共享课程8门、省级精品在线开放课程7门、省级创新创业示范课程4门。取得省级教育教学类和应用科研项目192项，市级科研项目150项，国家授权专利296项。公开发表论文2193篇，其中核心期刊586篇。获得国家级教学成果二等奖1项、省级教学成果一等奖1项、三等奖4项。</p>
        <!-- "text-nowrap"超出部分不换行 -->
        <p class="text-nowrap">（文本不自动换行）学院地处秦巴腹地，位居成绵广电子信息产业带、川东北经济区，毗邻四川军工电子、军民融合产业园和广元国家经济技术开发区，行业和区位优势得天独厚，引领和创新发展优势明显。现有两个校区，占地面积520亩，总建筑面积19.1296万平方米，学院教学仪器设备总值9317.88万元，教学用计算机3328台，馆藏纸质图书62.3万册，电子图书14.1万册。在校学生9000余人，有专任教师341人，其中，正高级26名，副高级98名，“双师型”教师140名。设有机电工程系、电子工程系、信息工程系、经济与管理系、电气工程系、数字艺术系、汽车工程系、基础教育部等教学单位，开设了应用电子技术、软件技术、数控技术等37个高职专业，基本形成了以工科为主体，以电子信息为主导的专业结构体系，现有中央财政支持的提升专业服务能力专业2个，教育部现代学徒制试点专业2个，四川省“高等教育质量工程”特色专业1个，省级教改试点专业1个，省级重点专业3个，省级示范专业4个，省级现代学徒制试点专业5个。建成省级精品课程14门、省级精品资源共享课程8门、省级精品在线开放课程7门、省级创新创业示范课程4门。取得省级教育教学类和应用科研项目192项，市级科研项目150项，国家授权专利296项。公开发表论文2193篇，其中核心期刊586篇。获得国家级教学成果二等奖1项、省级教学成果一等奖1项、三等奖4项。</p>

        <hr>
        <p class="text-lowercase">将大写转小写：ABC</p>
        <p class="text-uppercase">将小写转在写：abc</p>
        <p class="text-capitalize">将首字母转大写：hello world</p>

        <hr>
        <!-- 缩略语abbr -->
        <abbr title="HTML的英文全称是 Hypertext Marked Language，即超文本标记语言。">HTML</abbr>

        <!-- <address>用来放地址</address> -->
        
        <!-- 引用 -->
        <!-- <blockquote>引用</blockquote> -->

    </div>



</body>
</html>